$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import '~element-ui/packages/theme-chalk/src/index';


.el-menu {
    background: none;
    border-right: none;
  
    @mixin txt {
      .d-txt {
        color: #333 !important;
      }
    }
  
    .el-menu-item {
      @include txt;
      height: 42px;
      line-height: 42px;
      &:focus,
      &:hover,
      &.is-active {
        background-color: rgba($--color-primary, 0.1);
        .d-txt {
          color: $--color-primary !important;
        }
      }
      .svg-icon,
      i {
        margin-right: 15px;
        @include txt;
      }
      .svg-icon {
        margin-left: 5px;
      }
    }
  
    .el-submenu {
      &.is-active {
        .el-submenu__title {
          .d-txt {
            color: $--color-primary !important;
            font-weight: bold
          }
        }
      }
  
      .el-submenu__title {
        @include txt;
        height: 42px;
        line-height: 42px;
        &:hover {
          background-color: rgba($--color-primary, 0.1);
        }
        .svg-icon,
        i {
          margin-right: 15px;
          @include txt;
  
          &.el-submenu__icon-arrow {
            @include txt;
            margin-right: 0;
            margin-top: -5px;
          }
        }
        .svg-icon {
          margin-left: 5px;
        }
      }
  
      .el-menu {
        background: none;
        .el-menu-item {
          height: 36px;
          line-height: 36px;
        }
      }
    }
  }
  
  .el-table {
    thead{
      color:#333;
    }
    th.el-table__cell{
      background: #E2EAF9;
      &.is-leaf{
        border-bottom:1px solid #B9CAE4;
        box-shadow: 0 0 1px #E0E7F0;
      }
    }
    tr:nth-child(2n) {
      background: #F8FAFE;
    }
  }